$(function(){

//顶部悬浮搜索区域

$(window).scroll(function(){
	var hide_top = $(this).scrollTop();
	// document.title = hide_top;
	if (hide_top>=800) {
		$("#total").stop().animate({'top':'0'},200);
		$("#total_bg").stop().animate({'top':'0'},200);
	}else{
		$("#total").stop().animate({'top':'-50px'},200);
		$("#total_bg").stop().animate({'top':'-50px'},200);
	}


//左侧悬浮导航区域
	if (hide_top>=700) {
//		$("#FF_left").fadeIn();
		$("#FF_left").stop().animate({
			'width' : '36px',
			'height' : '369px',
			'opacity': '1'
		},300);
	}else{
//		$("#FF_left").fadeOut();
		$("#FF_left").stop().animate({
			'width' : '0px',
			'height' : '0px',
			'opacity': '0'
		},300)
	}


//	滚动到不同区域后,左侧悬浮导航变色
	if (hide_top>=1700 && hide_top<2100) {
		$("#FF_left .FFL_2").addClass('FFL_2i');
	}else{
		$("#FF_left .FFL_2").removeClass('FFL_2i');
	}
	if (hide_top>=2100 && hide_top<2700) {
		$("#FF_left .FFL_3").addClass('FFL_3i');
	}else{
		$("#FF_left .FFL_3").removeClass('FFL_3i');
	}
	if (hide_top>=2700 && hide_top<3200) {
		$("#FF_left .FFL_4").addClass('FFL_4i');
	}else{
		$("#FF_left .FFL_4").removeClass('FFL_4i');
	}
	if (hide_top>=3200 && hide_top<3800) {
		$("#FF_left .FFL_5").addClass('FFL_5i');
	}else{
		$("#FF_left .FFL_5").removeClass('FFL_5i');
	}
	if (hide_top>=3800 && hide_top<4300) {
		$("#FF_left .FFL_6").addClass('FFL_6i');
	}else{
		$("#FF_left .FFL_6").removeClass('FFL_6i');
	}
	if (hide_top>=4300 && hide_top<4900) {
		$("#FF_left .FFL_7").addClass('FFL_7i');
	}else{
		$("#FF_left .FFL_7").removeClass('FFL_7i');
	}
	if (hide_top>=4900 && hide_top<5600) {
		$("#FF_left .FFL_8").addClass('FFL_8i');
	}else{
		$("#FF_left .FFL_8").removeClass('FFL_8i');
	}
	if (hide_top>=5600) {
		$("#FF_left .FFL_9").addClass('FFL_9i');
	}else{
		$("#FF_left .FFL_9").removeClass('FFL_9i');
	}

//	点击左侧导航,跳转到相应区域
	$("#FF_left .FFL_2").click(function(){
		$("html,body").stop().animate({
				scrollTop:1903
		},300)
	})
	$("#FF_left .FFL_3").click(function(){
		$("html,body").stop().animate({
				scrollTop:2407
		},300)
	})
	$("#FF_left .FFL_4").click(function(){
		$("html,body").stop().animate({
				scrollTop:3011
		},300)
	})
	$("#FF_left .FFL_5").click(function(){
		$("html,body").stop().animate({
				scrollTop:3515
		},300)
	})
	$("#FF_left .FFL_6").click(function(){
		$("html,body").stop().animate({
				scrollTop:4119
		},300)
	})
	$("#FF_left .FFL_7").click(function(){
		$("html,body").stop().animate({
				scrollTop:4623
		},300)
	})
	$("#FF_left .FFL_8").click(function(){
		$("html,body").stop().animate({
				scrollTop:5228
		},300)
	})
	$("#FF_left .FFL_9").click(function(){
		$("html,body").stop().animate({
				scrollTop:6080
		},300)
	})
	$("#FF_left .FFL_10").click(function(){
		$("html,body").stop().animate({
				scrollTop:0
		},300)
	})


//	右侧悬浮区域回到顶部
	if (hide_top>=100) {
//		$("#right .R_backtop").css('visibility','visible');
		$("#right .R_backtop").fadeIn();
	}else{
//		$("#right .R_backtop").css('visibility','hidden');
		$("#right .R_backtop").fadeOut();
	}

	$("#right .R_backtop").click(function(){
		$("html,body").stop().animate({
				scrollTop:0
		},300)
	})
})
//顶部悬浮搜索区域结束
//右侧悬浮区域购物车
	$("#right .R_middle .R_shopcar").hover(function(){
		$(this).addClass('R_shopcar_change');
	},function(){
		$(this).removeClass('R_shopcar_change');
	})
//右侧悬浮区域购物车结束
//右侧悬浮区域二维码部分
	$("#right .R_app").hover(function(){
		$(this).find('.R_pic').show();
	},function(){
		$(this).find('.R_pic').hide();
	})

//右侧悬浮区域二维码部分结束
//右侧悬浮区域小方块移入
	$("#right .R_i").parent('a').hover(function(){
		$(this).find('.R_i').stop().animate({
			opacity:'1',
			right: '35px'
		},300)
		$(this).find('.R_i .R_ibg').stop().animate({
			opacity:'1',
		},300)
	},function(){
		$(this).find('.R_i').stop().animate({
			opacity:'0',
			right: '70px'
		},300)
		$(this).find('.R_i .R_ibg').stop().animate({
			opacity:'0',
		},300)
	})



//右侧悬浮区域小方块移入结束

//	顶部灰色隐藏部分
	var middle = $('#top .right ul li');
	middle.hover(function(){
		$(this).find('.box').show();
		$(this).find('p').addClass('add');
	},function(){
		$(this).find('.box').hide();
		$(this).find('p').removeClass('add');
	})
//	顶部灰色隐藏区域结束

//导航条区域
$("#guide .guide_in a").hover(function(){
	$(this).find('div').stop().animate({top:'-12px',opacity:'1'},400)
},function(){
	$(this).find('div').stop().animate({top:'0',opacity:'0'},400)
})
//导航条区域结束

//轮播图左侧区域
$("#focus #focus_left ul li").hover(function(){
	var n = $(this).index();
	$(this).children('.fl_hide').show();
	if (n==0 || n==3) {
		$("#focus #focus_left ul li").eq(n).find('p').css({color:'#e54077'});
		$("#focus #focus_left ul li").eq(n).find('p a').css({fontWeight:700,color:'#e54077'});
		$("#focus #focus_left ul li").eq(n).find('p i').css({color:'#e54077'});
		$("#focus #focus_left ul li").eq(n).find('.fl_hide .hide_left .class_middle a').hover(function(){
			$(this).addClass('cm_h1');
		},function(){
			$(this).removeClass('cm_h1');
		})
	}
	if (n==1 || n==5 || n==9 || n==11) {
		$("#focus #focus_left ul li").eq(n).find('p').css({color:'#427def'});
		$("#focus #focus_left ul li").eq(n).find('p a').css({fontWeight:700,color:'#427def'});
		$("#focus #focus_left ul li").eq(n).find('p i').css({color:'#427def'});
		$("#focus #focus_left ul li").eq(n).find('.fl_hide .hide_left .class_middle a').hover(function(){
			$(this).addClass('cm_h2');
		},function(){
			$(this).removeClass('cm_h2');
		})
	}
	if (n==2 || n==4) {
		$("#focus #focus_left ul li").eq(n).find('p').css({color:'#6347ed'});
		$("#focus #focus_left ul li").eq(n).find('p a').css({fontWeight:700,color:'#6347ed'});
		$("#focus #focus_left ul li").eq(n).find('p i').css({color:'#6347ed'});
		$("#focus #focus_left ul li").eq(n).find('.fl_hide .hide_left .class_middle a').hover(function(){
			$(this).addClass('cm_h3');
		},function(){
			$(this).removeClass('cm_h3');
		})
	}
	if (n==6) {
		$("#focus #focus_left ul li").eq(n).find('p').css({color:'#fa5c5c'});
		$("#focus #focus_left ul li").eq(n).find('p a').css({fontWeight:700,color:'#fa5c5c'});
		$("#focus #focus_left ul li").eq(n).find('p i').css({color:'#fa5c5c'});
		$("#focus #focus_left ul li").eq(n).find('.fl_hide .hide_left .class_middle a').hover(function(){
			$(this).addClass('cm_h4');
		},function(){
			$(this).removeClass('cm_h4');
		})
	}
	if (n==7 || n==8 || n==12) {
		$("#focus #focus_left ul li").eq(n).find('p').css({color:'#f7a831'});
		$("#focus #focus_left ul li").eq(n).find('p a').css({fontWeight:700,color:'#f7a831'});
		$("#focus #focus_left ul li").eq(n).find('p i').css({color:'#f7a831'});
		$("#focus #focus_left ul li").eq(n).find('.fl_hide .hide_left .class_middle a').hover(function(){
			$(this).addClass('cm_h5');
		},function(){
			$(this).removeClass('cm_h5');
		})
	}
	if (n==10 || n==14) {
		$("#focus #focus_left ul li").eq(n).find('p').css({color:'#dd2727'});
		$("#focus #focus_left ul li").eq(n).find('p a').css({fontWeight:700,color:'#dd2727'});
		$("#focus #focus_left ul li").eq(n).find('p i').css({color:'#dd2727'});
		$("#focus #focus_left ul li").eq(n).find('.fl_hide .hide_left .class_middle a').hover(function(){
			$(this).addClass('cm_h6');
		},function(){
			$(this).removeClass('cm_h6');
		})
	}
	if (n==13 || n==15) {
		$("#focus #focus_left ul li").eq(n).find('p').css({color:'#3bc7b0'});
		$("#focus #focus_left ul li").eq(n).find('p a').css({fontWeight:700,color:'#3bc7b0'});
		$("#focus #focus_left ul li").eq(n).find('p i').css({color:'#3bc7b0'});
		$("#focus #focus_left ul li").eq(n).find('.fl_hide .hide_left .class_middle a').hover(function(){
			$(this).addClass('cm_h7');
		},function(){
			$(this).removeClass('cm_h7');
		})
	}

},function(){
	var n = $(this).index();
	$(this).children('.fl_hide').hide();
	$("#focus #focus_left ul li").eq(n).find('p').css({color:'#000'});
	$("#focus #focus_left ul li").eq(n).find('p a').css({fontWeight:400,color:'#000'});
	$("#focus #focus_left ul li").eq(n).find('p i').css({color:'#000'});

})
//轮播图左侧区域结束

//中间轮播区域
//设置总管变量
var c = 0;
//设置定时器
timer = setInterval(fn,3000);
function fn(){
	c++;
	c = c==6?0:c;
	$("#focus ul.f_main li").eq(c).stop().animate({opacity:'1'},1000).siblings('li').animate({opacity:'0'},1000);
	$("#f_middle .slider li").eq(c).addClass('onover').siblings('li').removeClass('onover');
}
//给轮播图加移入移出事件
$("#focus ul.f_main li").hover(function(){
	clearInterval(timer);
},function(){
	timer = setInterval(fn,3000);
})

//给小圆点加移入事件
$("#f_middle .slider li").hover(function(){
	var i = $(this);
	clearInterval(timer);
	t = setTimeout(function(){
		c = i.index();
		$("#f_middle .slider li").eq(c).addClass('onover').siblings('li').removeClass('onover');
		$("#focus ul.f_main li").eq(c).stop().animate({opacity:'1'},1000).siblings('li').animate({opacity:'0'},1000);
	},200)
},function(){
	timer = setInterval(fn,3000);
	clearTimeout(t);
})
//中间轮播区域结束

//右边透明区域
$("#focus .focus_right").hover(function(){
	$(this).css('background','rgba(0,0,0,0.8')
},function(){
	$(this).css('background','rgba(0,0,0,0.5')
})
//右边透明区域结束

//上海专享区域
$("#sh a").hover(function(){
	$(this).stop().animate({opacity:'0.7'},200);
},function(){
	$(this).stop().animate({opacity:'1'},200);
})
//上海专享区域结束

//热门搜索区域
$("#HotBrands .hotbrands_pic .brand_list ul li").hover(function(){
	$(this).find('.sh_cover').stop().animate({opacity:'1'},300);
},function(){
	$(this).find('.sh_cover').stop().animate({opacity:'0'},300);
})

$("#HotBrands .hotbrands_pic .brand_list .brand_list24").hover(function(){
	$(this).css('background','#dd2727');
	$(this).find('.change').css({
		'color':'#fff',
	});
	$(this).find('span').css('color','#fff');
},function(){
	$(this).css('background','#fff');
	$(this).find('span').css('color','#999');
	$(this).find('.change').css({
		'color':'#999',
	});
})

//热门搜索右侧区域
$("#HotBrands .hotbrands_pic .brand_right a").hover(function(){
	$(this).find('.brand_right_img').stop().animate({opacity:'0.7'},300);
	$(this).find('p').addClass('hdd');
},function(){
	$(this).find('.brand_right_img').stop().animate({opacity:'1'},300);
	$(this).find('p').removeClass('hdd');
})
//热门搜索右侧区域结束

//热门搜索区域结束

//板块区域图片变大
$("#clearfix .FixArea a").hover(function(){
	$(this).find('.fix_img img').stop().animate({
		width:'160px',
		top:'-10px',
		left:'-10px'
	},200);
},function(){
	$(this).find('.fix_img img').stop().animate({
		width:'95%',
		top:'0',
		left:'0'
	},200);
})
//板块区域图片变大结束

//每层楼添加轮播广告区域
$(".actt").each(function(){
//	获得当前对象的原生js形式
	var jsactt = $(this)[0];
	var t_actt = $(this);
//	把总管变量私有化
	jsactt.c = 0;

	jsactt.fn = function(){
		t_actt.find('ul li').first().stop().animate({'margin-top':'-30px'},500,function(){
			t_actt.find('ul li').first().hide();
			t_actt.find('ul').append(t_actt.find('ul li').first());
			t_actt.find('ul li').last().show().css('margin-top','0');
		})
	}

//	给循环到的对象设置定时器
	jsactt.timeri = setInterval(jsactt.fn,4000);


})
//添加鼠标移入事件
$(".actt").hover(function(){
	var jsactt = $(this)[0];
	clearInterval(jsactt.timeri);
},function(){
	var jsactt = $(this)[0];
	jsactt.timeri = setInterval(jsactt.fn,4000);
})


//每层楼添加轮播广告区域结束



})
















